@charset "UTF-8";
/**
 * 圆角头像，列表场景
 */
/* line 10, ../../sass/component/avatar.scss */
.ui-avatar,
.ui-avatar-lg,
.ui-avatar-s,
.ui-avatar-one,
.ui-avatar-tiled {
  display: block;
  -webkit-background-size: cover;
  background-image: url();
}

/* line 19, ../../sass/component/avatar.scss */
.ui-avatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 200px;
  overflow: hidden;
}
/* line 32, ../../sass/base/mixin.scss */
.ui-avatar > span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-border-radius: 200px;
}

/* line 22, ../../sass/component/avatar.scss */
.ui-avatar-lg,
.ui-avatar-one {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 200px;
  overflow: hidden;
}
/* line 32, ../../sass/base/mixin.scss */
.ui-avatar-lg > span,
.ui-avatar-one > span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-border-radius: 200px;
}

/* line 27, ../../sass/component/avatar.scss */
.ui-avatar-s {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 200px;
  overflow: hidden;
}
/* line 32, ../../sass/base/mixin.scss */
.ui-avatar-s > span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-border-radius: 200px;
}

/* 平铺场景 */
/* line 32, ../../sass/component/avatar.scss */
.ui-avatar-tiled {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 200px;
  overflow: hidden;
  display: inline-block;
}
/* line 32, ../../sass/base/mixin.scss */
.ui-avatar-tiled > span {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -webkit-border-radius: 200px;
}
